<template>
  <div>
    <Form :label-width="118">
      <FormItem label="栏目">
        <Select label="公益活动" required>
          <OptionGroup label="科普">
            <Option
              v-for="item in topicList"
              :value="item.value"
              :key="item.value"
              >{{ item.label }}
            </Option>
          </OptionGroup>
          <Option value="公益活动">公益活动</Option>
        </Select>
      </FormItem>
      <FormItem label="发布人" required>
        <Select label="刘志强">
          <Option value="康复案例">王艳</Option>
          <Option value="公益活动">刘志强</Option>
          <Option value="储志唯">储志唯</Option>
        </Select>
      </FormItem>
      <FormItem label="标题" required>
        <Input placeholder="请输入标题" />
      </FormItem>
      <FormItem label="内容" required>
        <Input type="textarea" placeholder="文章编辑器" :rows="8" />
      </FormItem>
      <FormItem label="描述">
        <Input type="textarea" />
      </FormItem>
    </Form>
  </div>
</template>
<script>
export default {
  name: "modalName",
  data() {
    return {
      formData: {
        status: "正常",
      },
      dateValue: "2022-09-08 06:05:00",
      topicList: [
        {
          id: 0,
          value: "饮食",
          label: "饮食",
        },
        {
          id: 1,
          value: "预防",
          label: "预防",
        },
        {
          id: 2,
          value: "技术",
          label: "技术",
        },
      ],
    };
  },
  methods: {},
  mounted() {},
};
</script>
<style lang='less'>
.imageUpdate {
  display: flex;
}
</style>
